﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ProductList.aspx.cs" Inherits="Demo.ProductList" %>

<%@ Register Src="~/Template/ProductList.ascx" TagPrefix="uc1" TagName="ProductList" %>


<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>首页</title>
    <link href="Content/bootstrap.css" rel="stylesheet" />
    <link href="Content/Web/ProductList.css" rel="stylesheet" />
</head>

<body>
    <form id="form1" runat="server">

        <!--头部商品-->
        <div class="header">

            <!--导航条-->
            <div class="nav">
                <div class="nav-left">
                    <ul>
                        <li>中国大陆</li>
                        <li><span class="text-danger">亲，请登陆</span></li>
                        <li>免费注册</li>
                        <li>手机逛淘宝</li>
                    </ul>
                </div>
                <div class="nav-right">
                    <ul>
                        <li>我的淘宝</li>
                        <li><span class="text-center">购物车</span></li>
                        <li>收藏夹</li>
                        <li>商品分类</li>
                        <li>买家中心</li>
                        <li>联系客服</li>
                        <li>商品分类</li>
                        <li>网站导航</li>
                    </ul>
                </div>
            </div>
            <!--导航条-->

            <!--搜索框-->
            <div class="search">
                <div class="search-title">新鲜生活</div>
                <div class="search-box">
                    <input placeholder="请输入关键字" class="search-input" />
                    <button class="search-btn">搜索</button>
                </div>
            </div>
            <!--搜索框-->

            <!-- 买卖 -->
            <div class="w1200 pro-buysell">
                <div class="want-buy">
                    <div class="want-buytitle">
                        <a href="#">我要购物</a>
                    </div>
                </div>
            </div>
            <!-- 买卖 -->

        </div>
        <!--头部商品-->

        <!--商品展示-->
        <div class="pro-list">
            <div class="pro-title">热卖商品</div>
            <!-- 导航 -->
            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active"><a href="#favorite" aria-controls="home" role="tab" data-toggle="tab">猜你喜欢</a></li>
                <li role="presentation"><a href="#relax" aria-controls="relax" role="tab" data-toggle="tab">休闲食品</a></li>
                <li role="presentation"><a href="#journal" aria-controls="journal" role="tab" data-toggle="tab">出游旅行</a></li>
                <li role="presentation"><a href="#cutPrice" aria-controls="cutPrice" role="tab" data-toggle="tab">降价急卖</a></li>
            </ul>

            <!-- 选项卡 -->
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="favorite" style="width: 1200px; overflow: hidden;">
                    <uc1:ProductList runat="server" ID="ProductList1" ClassID="1" />
                </div>
                <div role="tabpanel" class="tab-pane" id="serious">
                    <uc1:ProductList runat="server" ID="ProductList2" ClassID="2" />
                </div>
                  <div role="tabpanel" class="tab-pane" id="journal">
                    <uc1:ProductList runat="server" ID="ProductList3" ClassID="2" />
                </div>
                  <div role="tabpanel" class="tab-pane" id="cutPrice">
                    <uc1:ProductList runat="server" ID="ProductList4" ClassID="2" />
                </div>
            </div>
        </div>
        <!--商品展示-->

    </form>
    <script src="Scripts/jquery.js"></script>
    <script src="Scripts/bootstrap.js"></script>
</body>

</html>
